<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Relatórios Gerenciais</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="/static/css/relatorios.css"/>

</head>

<body>

<!--  Colocar protecao para acesso somente de usuario Administrador -->
<div id="wrapper">

	<h2>Atendimento ao Cliente - Relatórios Gerenciais</h2>

	<div class="form-container">

	<p>Selecione os parâmetros para a geração do relatório gerencial:</p>
	
	<form action="/exibir_relatorio/" method="post">
	{% csrf_token %}
	<fieldset>
		<legend> Características do Chamado</legend>
			<div><label for="tipo"> Tipo </label> 
				<select id="tipo" name="tipo">
					<option id="tipo_todos" name="tipo_todos" value="0"> Todos </option>
					{% for x in tipos %}
					    <option id="{{ x.nome }}" name="{{ x.nome }}" value="{{ x.id }}"> {{ x.nome }} </option>					
					{% endfor %}
					
				</select>
			</div>
			<div><label for="status"> Status </label> 
				<select id="status" name="status">
					<option id="status_todos" name="status_todos" value="0"> Todos </option>
					{% for x, y in status %}
					    <option id="{{ y }}" name="{{ y }}" value="{{ x }}"> {{ y }} </option>					
					{% endfor %}
				</select>
			</div>
			<!-- Nao contemplamos no modelo...
			<div><label for="atendente"> Atendente Responsável </label> 
				<select id="atendente" name="atendente">
					<option id="atendente_todos" name="atendente_todos" value="0"> Todos </option>
					{% for x, y in atendentes %}
					    <option id="atendente_{{ x }}" name="atendente_{{ x }}" value="{{ x }}"> {{ y }} </option>					
					{% endfor %}
				</select>
			</div>
			 -->
	</fieldset>
	
	<fieldset>
		<legend>Datas</legend>
			<div><label for="inicioabertura">Aberto entre</label> 
				<input id="inicioabertura" name="inicioabertura" type="date"/>
				e
				<input id="fimabertura" name="fimabertura" type="date"/>
			</div>
			<div><label for="inicioatt">Atualizado entre</label> 
				<input id="inicioatt" name="inicioatt" type="date"/>
				e
				<input id="fimatt" name="fimatt" type="date"/>
			</div>
			<div><label for="iniciofechamento">Fechado entre</label> 
				<input id="iniciofechamento" name="iniciofechamento" type="date"/>
				e
				<input id="fimfechamento" name="fimfechamento" type="date"/>
			</div>
	</fieldset>
	
	<fieldset>
		<legend>Estatísticas</legend>
			<div>
				<label> Exibir estatísticas por:</label><br>
				<label> Status </label><input type="checkbox" id="estatistica_status" name="estatisticastatus" value="true"><br>
				<label> Tipo </label><input type="checkbox" id="estatistica_tipo" name="estatisticatipo" value="true"><br>
				<!-- Nao contemplamos no modelo...
				<label> Atendente </label><input type="checkbox" id="estatistica_atendente" name="estatisticaatendente" value="true"><br>
				-->
			</div>
	</fieldset>
	
	<div class="buttonrow">
		<input type="submit" value="Gerar Relatório" class="button" />
		<input type="button" onclick="window.location='/admin';" value="Voltar" class="button" />
	</div>

	</form>
	
	</div><!-- /form-container -->
	
</div><!-- /wrapper -->

</body>
</html>